<template>
<div>
    <!-- 轮播图区域 -->
   <swipe :lunbotu='lunbotu'></swipe>
   
    <!-- 九宫格到六宫格的改造 -->
    <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="/home/newslist">
		                    <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body">新闻咨询</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="/home/photolist">
		                    <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">图片分享</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="/home/goodslist">
		                    <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">商品购买</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="">
		                    <img src="../../images/menu4.png" alt="">
		                    <div class="mui-media-body">留言反馈</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="">
		                    <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">视频专区</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-4"><router-link to="#">
		                    <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">联系我们</div></router-link></li>		           		           
		        </ul> 
</div>    
</template>
<script>
    import axios from 'axios'
    import {Toast} from 'mint-ui'
	import swipe from '../subcomponents/swiper.vue'
    export default {
		data(){
			return {
				lunbotu:[]//保存轮播图数据
			}
		},
		created() {
			this.getlunbotu1()
		},
		methods:{
			getlunbotu1(){//获取轮播图数据
				axios({
					method:'get',
					url:'http://www.liulongbin.top:3005/api/getnewslist'
				}).then(res=>{
					if (res.data.status===0){
					this.lunbotu=res.data.message}
					else{
						Toast("未找到数据")
					}
				})
			}
		},
		components:{
			swipe
		}
	}
</script>
<style lang="scss" scoped>
    div{
        
        .mui-table-view{
            background-color: white;
            .mui-table-view-cell{
                border: none
            }
			img{
				width: 60px;
				height: 60px;
			}
			.mui-media-body{
				font-size: 13px;
			}
        }
    }
</style>
